﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>


    <script src="jquery-1.4.2.min.js" type="text/javascript"></script>


    <link href="style.css" rel="stylesheet" type="text/css" />

    <link href="skin.css" rel="stylesheet" type="text/css" />
    <script src="jquery.jcarousel.min.js" type="text/javascript"></script>

<!--<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.4.2.min.js" type="text/javascript" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>-->
<!--
  jCarousel library
-->
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<!--
  jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="css/skin.css" />

<script type="text/javascript">

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel();
});

</script>
</head>

<body>
	<center>
        <div id="header">        	
            <div class="banner">
            	<div class="head1">
                    <div class="logo">
                        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="628" height="132">
  <param name="movie" value="images/banner.swf" />
  <param name="quality" value="high" />
     <embed src="images/banner.swf"
      quality="high"
      type="application/x-shockwave-flash"
      width="628"
      height="132"
      pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
                    </div>
                    <div class="head_right">
                        <div class="lang">
                            <a href="#"><img src="images/vietnam.png" border="none"/></a>&nbsp;
                            <a href="#"><img src="images/england.png" border="none"/></a>
                        </div>
                        <div class="lang cart">
                            <img src="images/cart.png"/>
                            <a href="#">Giỏ hàng:</a>&nbsp Sản phẩm 0                        
                        </div>
                        <div class="search">
                            <div class="search_title"> Tìm kiếm: &nbsp;&nbsp;
                            </div>
                            <div class="search_box">
                            	<div class="search_box_left"></div> 
                                <input type="text" class="search_box_center" style="width:148px;height:27px;"/>
                                <div class="search_box_right"></div>
                            </div>
                        </div>
                    </div>
            	</div>
                <div class="head2">
                	<div class="category_title">
                    	&nbsp;&nbsp;&nbsp;&nbsp;<img src="images/mark1.png"/>&nbsp;&nbsp;
                        <span>DANH MỤC SẢN PHẨM</span>
                    </div>
                    <div style="float:left;width:15px;height:27px;"></div>
                    <div class="menu">
                    	<ul>
                        	<li><a href="index.html" class="first">trang chủ</a></li>
                           	<li><a href="gioithieu.html">giới thiệu</a></li>
                        	<li><a href="sanpham.html">sản phẩm</a></li>
                        	<li><a href="tintuc.html">tin tức</a></li>
                        	<li><a href="tintuc.html">dịch vụ</a></li>
                        	<li><a href="lienhe.html">liên hệ</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="wap">
            <div class="main">
                <div class="left">
                    <div class="category_items1">
                        <ul>
                            <li class="name_store"><a href="#">Kẹo dừa tuyết lan</a></li>
                            <li><a href="#">&nbsp;&nbsp;&nbsp;Kẹo máy đóng ép</a></li>
                            <li><a href="#">&nbsp;&nbsp;&nbsp;Kẹo vặn</a></li>
                            <li><a href="#">&nbsp;&nbsp;&nbsp;Kẹo viên</a></li>
                            <li><a href="#">&nbsp;&nbsp;&nbsp;Sản phẩm mới</a></li>
                            <li><a href="#">&nbsp;&nbsp;&nbsp;Sản phẩm bán chạy</a></li>
                        </ul>
                    </div>
                    <div class="category_items2">
                        <ul>
                            <li class="name_store"><a href="#">Kẹo dừa mai lan</a></li>
                            <li><a href="#">&nbsp;&nbsp;&nbsp;Kẹo máy đóng ép</a></li>
                            <li><a href="#">&nbsp;&nbsp;&nbsp;Kẹo vặn</a></li>
                            <li><a href="#">&nbsp;&nbsp;&nbsp;Kẹo viên</a></li>                        
                        </ul>
                    </div>
                    <div class="space_line1"></div>
                    <div class="special_product">
                        <div class="special_product_title">
                        &nbsp;&nbsp;&nbsp;&nbsp;<img src="images/mark2.png"/>&nbsp;&nbsp;
                            <span>SẢN PHẨM ĐẶC BIỆT</span>
                        </div>
                        <div class="special_product_img">
                            <img src="images/sp_special.png" />
                        </div>
                        <div class="special_product_name">
                            <a href="#">Kẹo sữa dừa</a>
                        </div>
                    </div>
                    <div class="space_line2"></div>
                    <div class="special_product" style="height:190px;">
                        <div class="special_product_title">
                        &nbsp;&nbsp;&nbsp;&nbsp;<img src="images/mark2.png"/>&nbsp;&nbsp;
                            <span>HỖ TRỢ TRỰC TUYẾN</span>
                        </div>
                        <div class="special_product_img">
                            <a href="#">
                                <img src="images/support_icon.png" border="none"/>                                
                            </a>
                        </div>
                        <div class="special_product_name">
                            <a href="#" style="font-weight:normal;">Nhân viên kinh doanh 1</a>
                        </div>
                        <div class="special_product_img">
                            <a href="#">
                                <img src="images/support_icon.png" border="none"/>                                
                            </a>
                        </div>
                        <div class="special_product_name">
                            <a href="#" style="font-weight:normal;">Nhân viên kinh doanh 2</a>
                        </div>
                    </div>
                    <div class="space_line2"></div>
                    <div class="special_product" style="height:105px;">
                        <div class="special_product_title">
                        &nbsp;&nbsp;&nbsp;&nbsp;<img src="images/mark2.png"/>&nbsp;&nbsp;
                            <span>THỐNG KÊ</span>
                        </div>
                        <div class="special_product_img">
                            <a href="#">
                                <img src="images/counter.png" border="none"/>                                
                            </a>
                        </div>                    
                    </div>
                </div>         
                <div style="float:left;width:15px;height:100%;">&nbsp;</div>
                    <div class="content">
                        <div class="slide">
                            <img src="images/slide.png" />
                        </div>
                        <div class="content1">
	                        <div class="title_wap">
                                <div class="title">
                                    &nbsp;&nbsp;&nbsp;&nbsp;<img src="images/mark2.png"/>&nbsp;&nbsp;
                                    <span>SẢN PHẨM</span>
                                    <div class="site_map"><a href="#">Trang chủ</a> <a href="#">>></a><a href="#">Sản phẩm</a></div>
                                </div>
                            </div>
                            <div class="content_body">                                
                                <div class="row_tintuc" style="border-bottom:none;">                                   
                                   <div class="spdetail_img">                                   		
                                       <div class="spdetail_img bg_spdetail">
                                            <img src="images/img_sp.png" style="text-align:center;" />
                                       </div>
                                       <div class="another_img">
                                       		<a href="#"> <img src="images/btn_left1.png" border="none" style="padding-top:7px;"/></a>
                                            <a href="#"><div class="bg_hinhanhthem"> <img src="images/img_hinhkhac.png" border="none"/></div></a>
                                            <a href="#"><div class="bg_hinhanhthem"> <img src="images/img_hinhkhac.png" border="none"/></div></a>
                                            <a href="#"><div class="bg_hinhanhthem"> <img src="images/img_hinhkhac.png" border="none"/></div></a>
                                            <a href="#"><div class="bg_hinhanhthem"> <img src="images/img_hinhkhac.png" border="none"/></div></a>
                                      		<a href="#"> <img src="images/btn_right1.png" border="none" style="padding-top:7px;"/></a>
                                       </div>
                                   </div>
                                   <div class="spdetail_text">
                                   		<div class="spdetail_tit">
                                        	Kẹo sữa dừa
                                        </div>
                                        <div class="spdetail_pri">
                                        	<div class="spdetail_price">
                                            	Giá: liên hệ
                                            </div>
                                            <div class="spdetail_btn">
                                            	<a href="#"><img src="images/btn_buy.png" border="none" /></a>
                                            </div>
                                        </div>
                                        <div class="spdetail_tit text_detail">
                                        	<span>Chiều 26-4-2010, tại địa chỉ số 10, đường 3-2, phường 2, TP Bến Tre… một chiếc xe Ford màu đen bóng lộn dừng lại trước cửa hàng dịch vụ tin học.</span>
                                            <span>Chiều 26-4-2010, tại địa chỉ số 10, đường 3-2, phường 2, TP Bến Tre… một chiếc xe Ford màu đen bóng lộn dừng lại trước cửa hàng dịch vụ tin học.</span>
                                            <span>Chiều 26-4-2010, tại địa chỉ số 10, đường 3-2, phường 2, TP Bến Tre… một chiếc xe Ford màu đen bóng lộn dừng lại trước cửa hàng dịch vụ tin học.</span>
                                            <span>Chiều 26-4-2010, tại địa chỉ số 10, đường 3-2, phường 2, TP Bến Tre… một chiếc xe Ford màu đen bóng lộn dừng lại trước cửa hàng dịch vụ tin học.</span>
                                        </div>
                                        <div class="spdetail_tit" style="padding-top:10px;">
                                            <a href="#"><img src="images/btn_print.png" border="none" /></a>&nbsp;&nbsp;&nbsp;
                                            <a href="#"><img src="images/btn_send.png" border="none" /></a>
                                        </div>
                                   </div>                                   
                                </div> 
                                
                                <div class="row_tintuc" style="border-bottom:none;padding-top:10px;">
                                	<div class="ano">
                                    	sản phẩm cùng loại                                     
                                    </div>                                    <div style="float:left;width:100%;text-align:left;padding:2px 0px 0px 10px;">
                                    	<hr style="float:left;width:90%;color:#E3E3D2; height:1px;" />
                                    </div>                                                                                                
                                </div>
                                
                                <div class="row_tintuc" style="text-align:center;border-bottom:none;padding-left:75px;_padding-left:0px;">
                                    	<ul id="mycarousel" class="jcarousel-skin-tango">
    <li><img src="images/img_spkhac.png" width="75" height="75" alt="" /></li>
    <li><img src="images/img_spkhac.png" width="75" height="75" alt="" /></li>
    <li><img src="images/img_spkhac.png" width="75" height="75" alt="" /></li>
    <li><img src="images/img_spkhac.png" width="75" height="75" alt="" /></li>
    <li><img src="images/img_spkhac.png" width="75" height="75" alt="" /></li>
    <li><img src="images/img_spkhac.png" width="75" height="75" alt="" /></li>
    <li><img src="images/img_spkhac.png" width="75" height="75" alt="" /></li>
    <li><img src="images/img_spkhac.png" width="75" height="75" alt="" /></li>
    <li><img src="images/img_spkhac.png" width="75" height="75" alt="" /></li>
    <li><img src="images/img_spkhac.png" width="75" height="75" alt="" /></li>
  </ul>
                                    </div>                                                     
                            </div>
                        </div>
                    </div>                   	
                <div class="space_line3">&nbsp;</div>
                <div class="footer">
                    <div class="link">
                        <a href="#">trang chủ</a>&nbsp;&nbsp;-&nbsp;&nbsp;
                        <a href="#">giới thiệu</a>&nbsp;&nbsp;-&nbsp;&nbsp;
                        <a href="#">sản phẩm</a>&nbsp;&nbsp;-&nbsp;&nbsp;
                        <a href="#">tin tức</a>&nbsp;&nbsp;-&nbsp;&nbsp;
                        <a href="#">Dịch vụ</a>&nbsp;&nbsp;-&nbsp;&nbsp;
                        <a href="#">liên hệ</a>
                    </div>
                    <div class="copy">
                        Copyright © of Tuyet Lan Co, Ltd. Design and developed by butxanh.com
                    </div>
                </div>
            </div>
    	</div>
	</center>
</body>
</html>
